<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的服务项目</title>
    <meta name="description" content="">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="mui-page" id="qcyh-wrap">
        <!--页面主内容区开始-->
        <div class="mui-page-content">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <ul class="mui-table-view mui-table-view-chevron">
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right" href="carBrand.html">
                                <span class="mui-right-text1 color1 car-brand-btn">选择车型</span>
                                <img class="mui-media-object mui-pull-left car-brand-img" id="car-brand-img" src="images/autoBrand/bmw.jpg">
                                <div class="mui-media-body car-brand-name">宝马550i</div>
                            </a>
                        </li>
                    </ul>
                    <ul class="mui-table-view">
                        <div class="mui-table-view-cell table-title">服务项目</div>
                        <li class="mui-table-view-cell mui-left">
                            <span class="mui-right-text2 color2 unit-price">￥280.00</span>
                            <span>更换燃油滤清器</span>
                        </li>
                        <p class="mui-table-view-cell table-tips">以上价格为平台参考价，最终价格以服务中心报价为准</p>
                    </ul>
                </div>
            </div>
        </div>
        <!--页面主内容区结束-->
    </div>
    <div id="qcyh-price">
        <div class="price-wrap">
            <span class="mui-text-left text-size3">总计</span>
            <span class="mui-text-right color3 mui-pull-right">
                <span>￥</span><span class="text-size1" id="price-text">0.00</span>
            </span>
        </div>
        <div class="next-btn">下一步</div>
    </div>
    <script src="js/mui.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script>
        //mui初始化
        mui.init({
            swipeBack: false
        });
        //上拉下拉设置
        (function($) {
            $('.mui-scroll-wrapper').scroll({
                indicators: true //是否显示滚动条
            });
        })(mui);

        //页面跳转
        $('.next-btn').click(function () {
            window.location.href='qcyh-confirm.html'
        })
    </script>
</body>
</html>